<template>
  <div>
    <head-top routerName="myActivity" title="活跃度"></head-top>
    <div class="content-wrap">
      <div class="back">
        <div class="relative">
          <div class="title">活跃度</div>
          <div class="right" @click="$refs.details.open = true">说明</div>
          <div class="activity">{{ ACTIVITYLEVEL }}</div>
          <!-- <ul>
            <li>
              <div class="label">今日新增</div>
              <div class="data">+30</div>
            </li>
            <li>
              <div class="label">今日减少</div>
              <div class="data">-10</div>
            </li>
          </ul> -->
        </div>
      </div>
      <assetsList
        :assetsType="assetsType"
        :assetsList="assetsList"
      ></assetsList>
    </div>
    <v-details ref="details">
      <div class="Activity">活跃度说明</div>
      <div class="content-wrap">
        每推荐1名VIP会员，获得10点活跃度。若推荐的会员不持有任何加速包，则扣除相应的活跃度。
      </div>
    </v-details>
  </div>
</template>
<script>
import HeadTop from "@/components/head";
import assetsList from "./assetsList";
import { activityLevelLog, assetsLogNum } from "@/api/myAssets";
export default {
  components: {
    HeadTop,
    assetsList,
    vDetails: (resolve) => require(["./details"], resolve),
  },
  data() {
    return {
      assetsType: "ACTIVITYLEVEL",
      ACTIVITYLEVEL: "",
    };
  },
  computed: {
    assetsList() {
      return activityLevelLog;
    },
  },
  created() {
    assetsLogNum({ assetsType: this.assetsType }).then((res) => {
      this.ACTIVITYLEVEL = res.data.resultData.ACTIVITYLEVEL;
    });
  }
};
</script>
<style lang="less" scoped>
@import "./css.less";

.content-wrap {
  .back {
    height: 125px;
    background: #405EC2;
  }
}
</style>